.M-index-swiper {
  overflow: hidden;
  width: 100%;
  background: #fff;
}
.M-index-swiper img {
  width: 100%;
}
.swiper-a {
  display: block;
  width: 100%;
  height: 41.50390625px;
  line-height: 41.50390625px;
  text-align: center;
  font-size: 11.23046875px;
}
.swiper_a_border {
  color: #ff6767;
}
.M-carousel {
  width: 100%;
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.M-carousel div {
  width: 100%;
}
.M-carousel div img {
  width: 100%;
}
.M-hot {
  display: block;
  overflow: hidden;
  height: 514.6484375px;
  width: 100%;
  background: #fff;
  position: relative;
}
.M-hot > div:nth-of-type(1) img {
  width: 100%;
}
.M-hot > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) {
  height: 42.96875px;
  padding-top: 58.59375px;
  position: relative;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) {
  position: absolute;
  left: 0;
  width: 66.40625px;
  background: #f55644;
  border-radius: 0 4.8828125px 4.8828125px 0;
  text-align: center;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(1) img {
  margin-top: 7.32421875px;
  width: 43.45703125px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p {
  text-align: center;
  padding-left: 66.40625px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(1) {
  font-size: 21.97265625px;
  letter-spacing: 9.765625px;
}
.M-hot > div:nth-of-type(2) > div:nth-of-type(1) div:nth-of-type(2) p:nth-of-type(2) {
  font-size: 9.765625px;
  letter-spacing: 2.9296875px;
}
.M-hot > div:nth-of-type(2) > p {
  margin-top: 31.73828125px;
  text-align: center;
  letter-spacing: 5.859375px;
}
.M-discounts {
  overflow: hidden;
  width: 351.5625px;
  height: 141.11328125px;
  margin: -70.80078125px auto 9.765625px;
  background: url('../../img/index/m_youhuijuan.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 4.8828125px;
  position: relative;
}
.M-discounts > p {
  text-align: center;
  font-size: 11.23046875px;
  color: #fff;
  line-height: 55.17578125px;
}
.M-discounts .M-discounts-three {
  overflow: hidden;
  margin: 0 auto;
  width: 322.265625px;
  height: 52.734375px;
  border-radius: 6.34765625px;
}
.M-discounts .M-discounts-three > div {
  width: 107.421875px;
  height: 52.734375px;
}
.M-discounts .M-discounts-three > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 52.734375px;
  color: #fff;
  font-size: 9.27734375px;
}
.M-discounts .M-discounts-three > div > a span {
  font-size: 12.20703125px;
  color: #fff;
}
.M-discounts .M-discounts-three > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-three > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-three > div:nth-of-type(3) {
  float: left;
  background: #fd7d00;
}
.M-discounts .M-discounts-two {
  overflow: hidden;
  margin: 0 auto;
  width: 322.265625px;
  height: 52.734375px;
  border-radius: 6.34765625px;
}
.M-discounts .M-discounts-two > div {
  width: 161.1328125px;
  height: 52.734375px;
}
.M-discounts .M-discounts-two > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 52.734375px;
  color: #fff;
  font-size: 9.27734375px;
}
.M-discounts .M-discounts-two > div > a span {
  font-size: 12.20703125px;
  color: #fff;
}
.M-discounts .M-discounts-two > div:nth-of-type(1) {
  float: left;
  background: #bc03fd;
}
.M-discounts .M-discounts-two > div:nth-of-type(2) {
  float: left;
  background: #ee4e91;
}
.M-discounts .M-discounts-one {
  overflow: hidden;
  margin: 0 auto;
  width: 322.265625px;
  height: 52.734375px;
  border-radius: 6.34765625px;
}
.M-discounts .M-discounts-one > div {
  width: 322.265625px;
  height: 52.734375px;
  background: #fd7d00;
}
.M-discounts .M-discounts-one > div > a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 52.734375px;
  color: #fff;
  font-size: 9.27734375px;
}
.M-discounts .M-discounts-one > div > a span {
  font-size: 12.20703125px;
  color: #fff;
}
.M-hot-bread {
  overflow: hidden;
  display: block;
  width: 351.5625px;
  height: 190.4296875px;
  margin: 0 auto 7.32421875px;
  border-radius: 4.8828125px;
  background-image: url('../../img/index/m_backgrunder.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.M-hot-bread > div:nth-of-type(1) {
  text-align: center;
}
.M-hot-bread > div:nth-of-type(1) > img {
  width: 50%;
  height: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.M-hot-bread > div:nth-of-type(2) {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.M-hot-bread > div:nth-of-type(2) > div {
  margin-left: 14.6484375px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(1) {
  margin-top: 12.20703125px;
  letter-spacing: 5px;
  font-size: 12.20703125px;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(2) {
  letter-spacing: 5px;
  font-size: 9.765625px;
  color: #b0b0b0;
}
.M-hot-bread > div:nth-of-type(2) > div:nth-of-type(3) {
  position: absolute;
  bottom: 14.6484375px;
  right: 12.20703125px;
  text-align: center;
  height: 17.08984375px;
  line-height: 17.08984375px;
  margin: 0 0 0 7.32421875px;
  padding: 0 5.859375px 0 5.859375px;
  font-size: 16.11328125px;
  border-radius: 5px;
}
.gengduo {
  display: block;
  width: 351.5625px;
  height: 61.03515625px;
  margin: 0 auto 7.32421875px;
  overflow: hidden;
}
.gengduo div:nth-of-type(1) {
  float: left;
  width: 288.0859375px;
  height: 100%;
  background: #272727;
  border-radius: 4.8828125px 0 0 4.8828125px;
  line-height: 61.03515625px;
}
.gengduo div:nth-of-type(1) span {
  color: #fff;
  font-size: 11.23046875px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(1) {
  letter-spacing: 4.8828125px;
  margin-left: 19.53125px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(2) {
  margin-left: 27.34375px;
}
.gengduo div:nth-of-type(1) span:nth-of-type(3) {
  margin-left: 9.765625px;
}
.gengduo > div:nth-of-type(2) {
  float: right;
  line-height: 61.03515625px;
  border-radius: 0 4.8828125px 4.8828125px 0;
  width: 63.4765625px;
  height: 100%;
  background: #ff3c0a;
  text-align: center;
}
.gengduo > div:nth-of-type(2) span {
  color: #fff;
  font-size: 14.6484375px;
}
.M-banner {
  display: block;
  width: 351.5625px;
  height: 190.4296875px;
  margin: 0 auto 7.32421875px;
  position: relative;
}
.M-banner > img {
  width: 351.5625px;
  height: 190.4296875px;
}
.M-banner > div {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  margin: 24.4140625px 9.765625px 0 0;
}
.M-banner > div > p:nth-of-type(1) {
  line-height: 19.53125px;
  font-size: 16.11328125px;
  letter-spacing: 4.8828125px;
}
.M-banner > div > p:nth-of-type(2) {
  margin-top: 4.8828125px;
  font-size: 5.859375px;
  padding-right: 4.8828125px;
  color: #413c28;
}
.M-banner > div > p:nth-of-type(3) {
  line-height: 24.4140625px;
  font-size: 7.8125px;
}
.M-banner > div > p:nth-of-type(3) > span {
  font-size: 13.18359375px;
  padding-right: 4.8828125px;
}
.M-drink {
  width: 351.5625px;
  height: 502.44140625px;
  margin: 0 auto;
}
.M-drink > a {
  display: block;
  float: left;
  margin: 0 auto 7.32421875px;
  width: 167.96875px;
  height: 246.58203125px;
}
.M-drink > a > div {
  width: 167.96875px;
  height: 246.58203125px;
  border-radius: 4.8828125px;
  background-image: url('../../img/index/m_backgrunder_2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  text-align: center;
}
.M-drink > a > div > img {
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 90%;
}
.M-drink > a > div > div {
  text-align: left;
  padding-left: 12.20703125px;
}
.M-drink > a > div > div > p:nth-of-type(1) {
  font-size: 12.20703125px;
  color: #232323;
  padding-top: 7.32421875px;
}
.M-drink > a > div > div > p:nth-of-type(2) {
  color: #b0b0b0;
  margin-top: 7.32421875px;
  font-size: 9.765625px;
}
.M-drink > a > div > div > div {
  margin-top: 9.765625px;
  line-height: 17.08984375px;
  font-size: 16.11328125px;
}
.M-drink > a:nth-of-type(1) {
  margin-right: 7.32421875px;
}
.M-drink > a:nth-of-type(3) {
  margin-right: 7.32421875px;
}
.M-number {
  width: 351.5625px;
  height: 203.125px;
  margin: 0 auto 7.32421875px;
  background: #fff;
  border-radius: 4.8828125px;
  border: 1px solid #d9d9d9;
  background-image: url('../../img/index/m_backgrunder_3.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.M-number > P {
  text-align: center;
}
.M-number > p:nth-of-type(1) {
  font-size: 11.71875px;
  margin-top: 90.33203125px;
}
.M-number > p:nth-of-type(2) {
  font-size: 5.859375px;
  margin-top: 4.8828125px;
}
.M-number > div:nth-of-type(1) {
  margin: 50px auto 0;
  line-height: 20.99609375px;
  text-align: center;
}
.M-number > div:nth-of-type(1) span {
  display: inline-block;
  vertical-align: middle;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(1) {
  font-size: 14px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(2) {
  font-size: 18px;
}
.M-number > div:nth-of-type(1) > span:nth-of-type(3) {
  font-size: 7.32421875px;
  line-height: 20.99609375px;
}
.M-youhui {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.M-youhui .M-youhui-content {
  width: 205.078125px;
  height: 322.265625px;
  position: fixed;
  margin: auto;
  top: 50%;
  left: 50%;
  margin-top: -161.1328125px;
  margin-left: -102.5390625px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) {
  background: #fff;
  padding-top: 24.4140625px;
  border-radius: 7.32421875px;
  text-align: center;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) p {
  font-size: 10.7421875px;
  letter-spacing: 1px;
  color: #c2c2c2;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) img {
  margin-top: 19.53125px;
  width: 136.71875px;
}
.M-youhui .M-youhui-content > div:nth-of-type(1) a {
  margin-top: 9.765625px;
  display: block;
  width: 100%;
  line-height: 48.828125px;
  height: 48.828125px;
  border-top: 1px solid #a0a0a0;
  color: #e53b37;
  font-size: 7.8125px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) {
  text-align: center;
  padding-top: 19.53125px;
}
.M-youhui .M-youhui-content > div:nth-of-type(2) span {
  color: #fff;
  font-size: 37.109375px;
}
